<template>
  <div>
    <div>
      <p>约课记录</p>
    </div>
    <van-tabs v-model="active">
      <van-tab title="待上课">内容 1</van-tab>
      <van-tab title="已上课">内容 2</van-tab>
      <van-tab title="已取消">内容 3</van-tab>
    </van-tabs>
    <div id="record">

    </div>
  </div>
</template>

<script>
import { Tab, Tabs } from 'vant';
export default {
  components: {
    [Tab.name]: Tab,
    [Tabs.name]: Tabs,
  },
  data () {
    return {
      active: 0
    }
  },
}
</script>

 <style >
#record {
  width: 100%;
  height: 7rem;
  background-image: url("/images/no-message.png");
}
</style>